<template>
  <div>
    <Header title="供应商信息"></Header>
    <div class="order">
      <h2>基本信息</h2>
      <p>编码：{{ supperInfo.code }}</p>
      <p>供应商名称：{{ supperInfo.supplier }}</p>
      <p>联系人：{{ supperInfo.linkman }}</p>
      <p>联系电话：{{ supperInfo.linkmanNumber }}</p>
      <p>所属区域：{{ supperInfo.area }}</p>
      <p>详细地址：{{ supperInfo.detailAdress }}</p>
      <p>状态：{{ supperInfo.state }}</p>
    </div>
  </div>
</template>

<script>
import Header from "@/components/goods/header";
export default {
  components: {
    Header,
  },
  data() {
    return {
      supperInfo: [],
      code: this.$store.state.common.supperCode,
    };
  },
  created() {
    this.$http
      .post("http://120.76.56.2:3001/purcase/purchaseOrder/getsupplierInfo", {
        code: this.code,
      })
      .then((ret) => {
        this.supperInfo = ret.data[0];
        console.log(this.supperInfo);
      });
  },
};
</script>

<style lang="scss" scoped>
.order {
  font-family: "微软雅黑 Bold", "微软雅黑 Regular", "微软雅黑";
  margin: 0 auto;
  border-width: 0px;
  width: 1100px;
  height: 340px;
  background: inherit;
  background-color: rgba(255, 255, 255, 1);
  border: none;
  border-radius: 0px;
  box-shadow: none;
  overflow: hidden;
  margin-top: 10px;
  padding: 20px;
  box-sizing: border-box;
  h2 {
    font-size: 14px;
    height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }
}
</style>